<!DOCTYPE html>
<html
  layout:decorator="components/layout"
  xmlns="http://www.w3.org/1999/xhtml"
  xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
>
<head>
  <title>新增管理员</title>
</head>
<body>
<div
  layout:fragment="content"
  class="container"
  id="app" v-cloak
>
  <div class="container">
    <div class="myHeader">
      <div class="myHeader-title">
        新增管理员
      </div>
    </div>
    <table
      width="100%"
      border="0"
      class="el-table el-table--border"
      cellspacing="0"
      cellpadding="0"
    >
      <tbody>
      <tr>
        <td
          width="100"

        ><b>管理账号</b></td>
        <td>
          <el-input
            v-model="form.loginName"
            placeholder="用户名称必须以字母开头的4-20之内字母或数字"
          ></el-input>
          <div
            id="loginname_message"
            class="msg"
          >用户名称必须以字母开头的4-20之内字母或数字
          </div>
        </td>
      </tr>
      <tr>
        <td
          width="100"
        ><b>认证邮箱</b></td>
        <td>
          <el-input
            v-model="form.regMail"
            placeholder="请填写您的邮箱，该邮箱与登录账号关联，将用于身份认证"
          ></el-input>
          <div
            id="login_message"
            class="msg"
          >请填写您的邮箱，该邮箱与登录账号关联，将用于身份认证
          </div>
        </td>
      </tr>
      <tr>
        <td><b>密码</b></td>
        <td>
          <el-input
            v-model="form.password"
            show-password
            placeholder="用户密码必须包括字母和数字"
          ></el-input>
          <div
            id="newpassword1_message"
            class="msg"
          >用户密码必须包括字母和数字
          </div>
        </td>
      </tr>
      <tr>
        <td><b>再输一遍</b></td>
        <td>
          <el-input
            v-model="form.passwordConfirm"
            show-password
            name="newpassword2"
            placeholder="请重复输入以确认您的密码"
          ></el-input>
          <div
            id="newpassword2_message"
            class="msg"
          >请重复输入以确认您的密码
          </div>
        </td>
      </tr>
      <tr>
        <td><b>属于的管理员组</b></td>
        <td>
          <input
            type="hidden"
            name="group_list"
          >
          <el-select
            v-model="form.roleIdList"
            multiple
          >
            <el-option
              v-for="[k,v] in userTypeMap"
              :value="k"
              :key="k"
              :label="v"
            >
            </el-option>
          </el-select>
        </td>
      </tr>
      <tr>
        <td></td>
        <td>
        </td>
      </tr>
      </tbody>
    </table>
    <div align="center">
      <el-button
        type="primary"
        @click="add"
      >确认</el-button>
      <el-button
        @click="_forward('system-config/admin_privilege_admin_list')"
      >返回</el-button>
    </div>
  </div>
</div>
<div layout:fragment="js">
  <script src="/static/js/module/system-config/model/SysUser.js"></script>
  <script src="/static/js/module/system-config/api/sysRoleApi.js"></script>
  <script src="/static/js/module/system-config/api/sysUserApi.js"></script>
  <script src="/static/js/module/system-config/add/admin_privilege_admin_add.js"></script>
</div>
</body>
</html>
